import React, { useState } from "react";
import { Modal, Button } from "antd";

Storage = window.localStorage

const ForgetPassword = (() => {

  const [visible, setVisible] = useState(false)

  const cancelHandle = () => {
    setVisible(false);
  }

  //样式部分
  return (
    <div>
      <Button type="link" style={{width:"12vw",color:"#d3d3d3",fontSize:"1vw",fontWeight:"bold"}} onClick={() => setVisible(true)}>
        忘记密码
      </Button>
      {visible && (
        //弹窗开始
        <Modal
          title="重置密码"
          open={visible}
          onCancel={() => cancelHandle()}
          width={"40vw"}
          height={"30vw"}
          footer={null}
        >
          忘记密码请与管理员联系！！！
        </Modal>
      )}
    </div>
  )
})

export default ForgetPassword;